@theme-bg-color: #000;
@theme-bg-image: linear-gradient(to right bottom, #13a7eb, #e95353);
@theme-text-color: #ffff08;
:root {
  --theme-bg-color: @theme-bg-color;
  --theme-bg-image: @theme-bg-image;
  --theme-text-color: @theme-text-color;

  // table
  --table-background: #76be9d;
  --table-border-radius: 2px;
  --table-thead-border-bottom: thin solid #76be9d;
  --table-thead-th-text-color: #fff;
  --table-thead-th-font-size: 14px;
  --table-thead-tr-border-bottom: thin solid #76be9d;
  --table-tbody-tr-hover-background: #eee;
  --table-tbody-tr-border-bottom: thin solid #76be9d;
  --table-tbody-td-font-size: 16px;
  --table-row-height: 46px;
  --table-row-padding: 0 16px;
  --table-footer-border-top: thin solid #76be9d;
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
html,
body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: var(--theme-bg-color);
}

* {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: rgb(6, 154, 87);
  }
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(6, 154, 87, 1);

    border-radius: 10px;

    background: #649880;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;

    background: rgb(6, 154, 87);

    -webkit-box-shadow: inset 0 0 6px rgba(6, 154, 87, 0.5);
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(6, 154, 87);
  }
  ::-webkit-scrollbar-corner {
    background: #649880;

    border-radius: 10px;
  }
}
